<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>无人售货机</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        setTimeout('showLoader()', 100);//这里要延迟一下，直接调用无法显示加载器
        //显示加载器.for jQuery Mobile 1.2.0
        function showLoader() {
            $.mobile.loading('show', {
                text: '正在加载中...', //加载器中显示的文字
                textVisible: true, //是否显示文字
                theme: 'a',        //加载器主题样式a-e
                textonly: false,   //是否只显示文字
                html: ""           //要显示的html内容，如图片等
            });
        }
        //隐藏加载器.for jQuery Mobile 1.2.0
        function hideLoader() {
            $.mobile.loading('hide');
        }
        window.onload = function () {
            hideLoader();
            setTimeout('hideLoader()', 800);//延迟5秒，模拟图片和多媒体加载耗时
        }
        $(document).ready(function () {
            //setTimeout('hideLoader()', 5000);//延迟5秒，模拟页面请求数据耗时，ajax异步请求等放在这里
        })
    </script>
    <!--轮播s-->
    <link rel="stylesheet" type="text/css" href="../assets/jQuerySwipeslider/css/style.css">
    <link rel="stylesheet" type="text/css" href="../assets/jQuerySwipeslider/dist/swipeslider.css">
    <!--轮播e-->
    <link rel="stylesheet" href="../common/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../common/common.js"></script>
    <script src="../assets/js/jweixin-1.2.0.js"></script>  <!--微信js接口引入-->
    <script src="../common/sprintf.js"></script>
    <script src="../common/underscore-min.js"></script>
    <script src="../config.js"></script>
</head>
<body>
<div data-role="page" class="page">
    <div data-role="header" class="header">
        <div class="banner">
            <section>
                <figure id="full_feature" class="swipslider">
                    <ul class="sw-slides" id="sliders">
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner4.jpg" alt="Tiny Tina from Borderlands 2">
                        </a>
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner5.jpg" alt="Summer beach concept">
                        </a>
                        <a class="sw-slide" href="#">
                            <img src="../assets/jQuerySwipeslider/img/img_banner6.jpg" alt="Lang from Yie Ar Kung Fu">
                        </a>
                    </ul>
                </figure>
            </section>
        </div>
    </div>
    <div data-role="content" data-title="咖啡吧" id="home_page" class="content">
        <!--侧边类-->
        <div class="prod-categ">
            <ul class="categ-ul">
                <li><a class="categ-active" fl="1">第一层</a></li>
                <li><a fl="2">第二层</a></li>
                <li><a fl="3">第三层</a></li>
                <li><a fl="4">第四层</a></li>
                <li><a fl="5">第五层</a></li>
                <li><a fl="6">第六层</a></li>
            </ul>
        </div>
        <!--商品-->
        <div class="product-contenner">
            <div class="categ-prod-cont">
                
                <div class="" id="floor1">
                    <div class="catag-seprate">第一层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="1" spu_id="1">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">四只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="2" spu_id="2">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">五只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="3" spu_id="3">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="" id="floor2">
                    <div class="catag-seprate">第二层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="4" spu_id="4">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="5" spu_id="5">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="6" spu_id="6">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="7" spu_id="7">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="8" spu_id="8">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/zxj.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">张君雅小妹妹甜甜圈</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="9" spu_id="9">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="" id="floor3">
                    <div class="catag-seprate">第三层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="10" spu_id="10">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="11" spu_id="11">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="12" spu_id="12">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="" id="floor4">
                    <div class="catag-seprate">第四层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="13" spu_id="13">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="14" spu_id="14">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="15" spu_id="15">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="" id="floor5">
                    <div class="catag-seprate">第五层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="16" spu_id="16">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="17" spu_id="17">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="18" spu_id="18">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="" id="floor6">
                    <div class="catag-seprate">第六层</div>
                    <div class="prods">
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="19" spu_id="19">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="20" spu_id="20">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="21" spu_id="21">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="22" spu_id="22">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="23" spu_id="23">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="prod-item">
                            <div class="prod-img">
                                <img src="../assets/img/bgg.jpg" alt="">
                            </div>
                            <div class="prod-info">
                                <div class="prod-name">三只松鼠 碧根果225g	</div>
                                <div class="price-operate price-selector">
                                    <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s class="origin-price">16.00</s></div>
                                    <div class="add-reduce prod-operate" sku_id="24" spu_id="24">
                                        <a class="add-subtract" flg="substrat">-</a><span class="prod-num"></span><a class="add-subtract" flg="add">+</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            <div style="text-align:center;font-size:12px;line-height:20px;color:#b8b8b8;margin-top:10px;padding-bottom:60px;">----------   我是有底线的   ----------</div>
        </div>
        <div class="cart-contaner">
            <div class="cart-mask close-model"></div>
            <div class="cart">
                <div class="addprods-panel">
                    <div class="select-num">
                        <div class="panel-title"><span>已选商品（</span><span>6</span>）</div>
                        <div class="close close-model"></div>
                    </div>
                    <div class="c-panel-contaner">
                        <!--<div class="selected-item">
                            <div class="sel-prod-name">三只松鼠 碧根果225g</div>
                            <div class="select-item-r">
                                <div class="price red-text"><span>￥</span><span class="sell-price">15.60</span><s style="display: none;" class="origin-price">16.00</s></div>
                                <div class="add-reduce panel-operate" sku_id="1" spu_id="1">
                                    <a class="add-subtract" flg="substrat">-</a><span class="prod-num">0</span><a class="add-subtract" flg="add">+</a>
                                </div>
                            </div>
                        </div>-->
                    </div>
                </div>
                <div class="shopping-cart">
                    <div class="cart-ico"><span id="cartNum"></span></div>
                </div>
                <div class="total-amount">
                    <div class="real-amount"><span>￥</span><span id="realAmount">0.00</span></div>
                    <div class="origin-amount"><s>￥</s><s id="originAmount">0.00</s></div>
                </div>
                <div class="account" id="account">结算</div>
            </div>
        </div>
        
    </div>
</div>

<script src="../assets/js/fontAdjust.js"></script>
<script src="../js/index.js"></script>
<script type="text/javascript" src="../assets/jQuerySwipeslider/dist/swipeslider.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#full_feature').swipeslider();
    });
</script>
</body>
</html>